<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>医生详情</title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/font-awesome.min.css">
    <link rel="stylesheet" href="css/ask.css">
    <script src="js/zepto.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="js/main.js"></script>
</head>
<body>
<div class="details-coentainer">
    <div class="header">
        <a href="#" class="fa fa-angle-left f_l" aria-hidden="true"></a> <span> 医生详细信息 </span>

        <a href="#" class="collect f_r "
           aria-hidden="true" id="collect" onclick=active("#collect","select")></a>

        <a href="#"
           class="share-alt f_r" id="share" aria-hidden="true"></a>
    </div>
    <div class="doctor clearfix">
        <div class="doc-left f_l">
            <img src="images/person.png" alt="">
        </div>
        <div class="doc-moddle f_l">
            <p class="m-p"><span>张书元</span>主治医师</p>
            <p>北京市皮肤疑难病中心副主任</p>
            <p>北京华医皮肤病医院院长</p>
            <p> 中国武警总医院原皮肤科主任</p>
        </div>
        <div class="doc-right f_r">
            <div class="doc-good">
                <span id="good" onclick=active("#good","good")></span>
                <p>127</p>
            </div>

            <a href="#">医生说</a>
        </div>
    </div>
    <div class="doc-grade clearfix">
        <div class="grade blue f_l">治疗效果<span> 100 </span> 分</div>
        <div class="grade orange f_l">医生态度 <span> 100 </span> 分</div>
        <div class="grade green f_r">接诊次数 <span> 120 </span> 次</div>
    </div>
    <div class="doc-introduce">
        <div class="introduce-title clearfix">
            <div class="introduce-left f_l">
                <span class="icon-introduce"></span>医生介绍
            </div>

            <div class="introduce-right f_r ">
                <a href="#" >
                    <i class="fa fa-angle-right" aria-hidden="true"></i>
                </a>

            </div>
        </div>
        <div class="introduce-profile">
            <p>
                个人简介:张书元,男,主任医师,教授.现北京华医皮肤病医院院长,北京北京市皮肤疑难病中心副主任,中国武警总医院原皮肤科主任,在皮肤病的话诊断上,把传统的中医的辨证论治与西医定位定性相结合的...
            </p>
        </div>


    </div>
    <div class="doc-introduce">
        <div class="introduce-title clearfix">
            <div class="introduce-left f_l">
                <span class=" icon-introduce disease"></span>擅长疾病
            </div>

        </div>
        <div class="introduce-profile">
            <p>
                擅长疾病:现北京华医皮肤病医院院长,北京北京市皮肤疑难病中心副主任,中国武警总医院原皮肤科主任,在皮肤病的话诊断上,把传统的中医的辨证论治与西医定位定性相结合的.
            </p>
        </div>

    </div>
    <div class="doc-introduce">
        <div class="introduce-title clearfix">
            <div class="introduce-left f_l">
                <span class="icon-introduce cometime"></span>出诊时间
            </div>

        </div>
        <div class="cometime-table  clearfix">
            <div class="cometime-head">
                <div class="cometime-left  f_l"></div>
                <div class="cometime-right f_l">
                    <ul class="cometime-title">
                        <li>一</li>
                        <li>二</li>
                        <li>三</li>
                        <li>四</li>
                        <li>五</li>
                        <li>六</li>
                        <li class="last">日</li>
                    </ul>

                </div>
            </div>
            <div class="cometime-body clearfix">
                <div class="cometime-left  f_l">
                    上午
                </div>
                <div class="cometime-right f_l">
                    <ul>
                        <li></li>
                        <li class="fa fa-check" aria-hidden="true"></li>
                        <li></li>
                        <li class="fa fa-check" aria-hidden="true"></li>
                        <li></li>
                        <li class="fa fa-check" aria-hidden="true"></li>
                        <li class="last"></li>
                    </ul>

                </div>
                <div class="cometime-left  f_l">
                    上午
                </div>
                <div class="cometime-right f_l">
                    <ul>
                        <li></li>
                        <li class="fa fa-check" aria-hidden="true"></li>
                        <li></li>
                        <li class="fa fa-check" aria-hidden="true"></li>
                        <li></li>
                        <li class="fa fa-check" aria-hidden="true"></li>
                        <li class="last"></li>
                    </ul>

                </div>
            </div>


        </div>

    </div>

    <div class="doc-introduce">

        <div class="introduce-title clearfix">
            <div class="introduce-left f_l">
                <span class="icon-introduce evaluate"></span>用户评价(共 <span>40</span> 位)
            </div>

        </div>

        <div class="evaluate-content">

            <div class="evaluate-title clearfix">
                <div class="evaluate-name f_l">我没离开</div>
                <div class="evaluate-time f_r">2017-04-25</div>
            </div>
            <div class="evaluate-description">
                <p>信任,会遵照执行</p>
            </div>
            <div class="evaluate-title clearfix">
            <div class="evaluate-name f_l">魅灵</div>
            <div class="evaluate-time f_r">2017-04-22</div>
        </div>
            <div class="evaluate-description">
                <p>信任,会遵照执行</p>
            </div>
            <div class="evaluate-title clearfix">
                <div class="evaluate-name f_l">一丁姥姥</div>
                <div class="evaluate-time f_r">2017-03-19</div>
            </div>
            <div class="evaluate-description">
                <p>很好,谢谢</p>
            </div>
        </div>

    </div>

</div>
<!--定位浮标-->
<div class="introduce-footer ">
    <div class="footer-top clearfix">
        <a href="#" class="footer-left f_l ask" ><span>
        向TA问诊
    </span></a>
        <a href="#" class="footer-righter f_r order"><sapn>
            预约挂号
        </sapn></a>
    </div>



</div>
</body>

</html>
<script>
    function active(selecter, str) {
//        var collect=document.getElementById("collect");
        if ($(selecter).hasClass(str)) {
            alert("您已关注");
        } else {
            $(selecter).addClass(str);
        }

    }

</script>





